<html lang="zh-cn" xmlns：th="http://www.thymeleaf.org" xmlns:th="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>关于我们</title>
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet"
          th:href="@{/admin/bower_components/bootstrap/dist/css/bootstrap.min.css}">

    <link th:href="@{https://fonts.googleapis.com/css?family=Work+Sans:300,400,700}" rel="stylesheet">


    <link rel="stylesheet" th:href="@{/html/css/bootstrap/bootstrap.css}">
    <link rel="stylesheet" th:href="@{/html/css/animate.css}">
    <link rel="stylesheet" th:href="@{/html/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/html/fonts/ionicons/css/ionicons.min.css}">
    <link rel="stylesheet" th:href="@{/html/fonts/flaticon/font/flaticon.css}">
    <link rel="stylesheet" th:href="@{/html/fonts/fontawesome/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/html/css/bootstrap-datepicker.css}">
    <link rel="stylesheet" th:href="@{/html/css/select2.css}">
    <link rel="stylesheet" th:href="@{/html/css/helpers.css}">
    <link rel="stylesheet" th:href="@{/html/css/style.css}">
</head>
<body>
<!-- 导航 nav -->
<nav class="navbar navbar-expand-lg navbar-dark probootstrap_navbar" id="probootstrap-navbar">
    <div class="container">
        <a class="navbar-brand" style="font-size:42px; height: 100px;" href="/">
            富丽堂皇大宾馆
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#probootstrap-menu" aria-controls="probootstrap-menu" aria-expanded="false" aria-label="Toggle navigation">
        <span><i class="ion-navicon"></i></span>
    </button>
    <div class="collapse navbar-collapse" id="probootstrap-menu" >
        <ul class="navbar-nav ml-auto">
            <li class="nav-item" th:each="nav:${navList}">
                <a class="nav-link"
                    style="font-size: 20px;" th:href="${nav.url}" th:text="${nav.name}">
            </a></li>
            <li th:if="${#strings.isEmpty(session.loginName)}"class="nav-item"><a class="nav-link" style="font-size:20px;" th:href="@{/hotel/user/toLogin}">登录/注册</a></li>

            <li th:if="${not #strings.isEmpty(session.loginName)}"class="nav-item"><a class="nav-link" style="font-size:20px;" th:href="@{/hotel/user/mine}" th:text="${session.loginName}"></a></li>
            <li th:if="${not #strings.isEmpty(session.loginName)}"class="nav-item"><a class="nav-link" style="font-size:20px;" th:href="@{/hotel/logout}"  th:text="[退出]"></a></li>

            <!--<li class="nav-item"><a class="nav-link"
                                style="font-size: 20px;" href="user/mine?userName=${Session.username}">-->
        </a></li>
        </li>
    </ul>

</div>
</div>
</nav>
<!-- 导航 nav End -->

<section class="probootstrap-cover overflow-hidden relative"
         th:style="'background:url('+@{/html/images/about_bg.jpg}+');'"
         data-stellar-background-ratio="0.5" id="section-home">

    <div class="container">
        <div class="row align-items-center text-center">
            <div class="col-md">

            </div>
        </div>
    </div>

</section>
<!-- END section -->

<section class="probootstrap_section" id="section-feature-testimonial">
    <div class="container">
        <div class="row justify-content-center mb-5" th:each="about:${aboutList}">
<!--            <#list aboutList as about>-->
            <div class="col-md-12 text-center mb-5 probootstrap-animate">
                <h3 class="border-bottom probootstrap-section-heading">关于我们</h3>
                <blockquote class="">
                    <p class="lead mb-4"><em style="color: #666;" th:text="${about.title}">${about.title}</em></p>
                    <p class="probootstrap-author" style="color: #999;" th:text="${about.introduce}">
                        ${about.introduce}
                    </p>
                    <p style="color: #999;" th:text="${about.detail}">
                        ${about.detail}
                    </p>
                </blockquote>
            </div>
<!--        </#list>-->
    </div>

    </div>
</section>
<!-- END section -->

<!-- 页脚 footer -->
<footer>
    <div class="container">
        <div class="col-md-12 text-center">
            <p class="probootstrap_font-14" style="color: black;">闽ICP备xxxxxxxx号 联系电话：xxx-xxxxxxxx </p>
            <p class="probootstrap_font-14" style="color: black;">富丽堂皇大酒店 版权所有 COPYRIGHT &copy; 2020. The Grand Hotel All Rights Reserved </p>
        </div>

    </div>
</footer>
<!-- 页脚 footer end -->

<script th:src="@{/html/js/jquery.min.js}"></script>

<script th:src="@{/html/js/popper.min.js}"></script>
<script th:src="@{/html/js/bootstrap.min.js}"></script>
<script th:src="@{/html/js/owl.carousel.min.js}"></script>

<script th:src="@{/html/js/bootstrap-datepicker.js}"></script>
<script th:src="@{/html/js/jquery.waypoints.min.js}"></script>
<script th:src="@{/html/js/jquery.easing.1.3.js}"></script>

<script th:src="@{/html/js/select2.min.js}"></script>
<script th:src="@{/html/js/main.js}"></script>


<script th:src="@{/html/js/jquery.waypoints.min.js}"></script>

<script  type="text/javascript">
    function logout() {
        window.location.href = "logout"
    }
</script>
</body>

</html>